<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</body>

<script>
    /*
        举例：大家在JavaScript里面的知道的 伪数组 有哪些？
        1. arguments 对象
        2. DOM 列表对象
    */

    function foo() {
        /* 判断类型 [object Arguments] */
        console.log(Object.prototype.toString.call(arguments));

        console.log(arguments);

        /* 可以把一个类数组转换为真实的数组 */
        // const arr = Array.from(arguments);

        /* 之前的 展开运算符也可以将一个类数组转换为真实的数组 */
        const arr = [...arguments];

        console.log(arr);

        /* 只有数组才有sort方法 排序 */
        arr.sort((a, b) => a - b);

        console.log(arr);



    }

    console.log(foo(1, 2, 23, 34, 3, 4, 5));


    const oLis = document.getElementsByTagName('li');
    console.log(oLis);
    // oLis.sort();

    // const oLisArr = Array.from(oLis);
    const oLisArr = [...oLis];

    oLisArr.sort();

    console.log(oLisArr);


</script>

</html>